import React, { FC, useState } from 'react'
import noDataUrl from '@/assets/images/common_empty.png'
import Header from '@/components/home/header'
import { useNavigate } from 'react-router-dom'
const welfare: FC<{}> = () => {
  const navigate = useNavigate()
  return (
    <div className="w-full h-full  bg-white ">
      <Header
        cb={() => {
          navigate(-1)
        }}
        headerText={'收银台'}
      ></Header>
      <div className="relative h-r33.0">
        {' '}
        <img
          alt=""
          className=" relative transform top-r14.0 left-1/2  -translate-x-1/2 w-r23.7 h-auto  "
          src={noDataUrl}
        ></img>
      </div>

      <div className=" text-center text-r1.4 text-gray-666666 m-r1.0 relative z-10">
        订单超时了，重新下单吧
      </div>
      <div className=" h-auto ">
        <span
          onClick={() => {
            navigate('/payment')
          }}
          className=" shadow-bs4 relative left-1/2 transform -translate-x-1/2 text-r1.5 leading-r4.0 h-r4.0 w-r12.6  text-white leading-r4.0 rounded-r2.0  bg-gradient-to-r from-orange-FF664F to-orange-FF3627 inline-block text-center "
        >
          立即支付
        </span>
      </div>
    </div>
  )
}

export default welfare
